<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> test </title>
    <script src="http://localhost:8001/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>测试传递参数</h1>
1、获得get请求参数<br/>
get请求的参数全部都是在url后面
2、获得post请求参数<br/>
post请求参数分为<br/>
请求头中<br/>
我们可以使用form表单来验证【form表单提交就是放在请求头中】<br/>
请求体中<br/>
使用jQuery、axios做post请求
<h1>Form表单登录</h1>
<form action="/login" method="post">
    用户名：<input type="text" name="userName"><br/>
    <input type="submit" value="提交">
</form>
<h1>Ajax登录</h1>
    用户名：<input type="text" id="userName"><br/>
    <button onclick="doLogin()">登录</button>

</body>

<script>
    function doLogin(){
        var userName = $('#userName').val()

        $.ajax({
            type:'post',
            url:'/login',
            data:userName,
            success:function(ret){
                console.log(ret)
            }
        })
    }
</script>

</html>
